<template>
  <div class="hello">
    <pre class="class1">{{ msg }}</pre>
  </div>
</template>

<script>
  export default {
    name: 'HelloWorld',
    data() {
      return {
        msg: 'Hello World'
      }
    }
  }
</script>
<style scoped>
.class1{
  color: red;
}
</style>
<!-- Add "scoped" attribute to limit CSS to this component only -->
